"use client";
import Link from "next/link";

export default function NotFound() {
    return (
        <main className="h-screen w-full flex flex-col justify-center items-center bg-white-500">
            <h1 className="text-9xl font-extrabold text-sky-500 tracking-widest">404</h1>
            <div className="bg-[#FF6A3D] px-2 text-sm rounded rotate-12 absolute">
                Page Not Found
            </div>
            <button className="mt-5">
                <Link href={"/"}
                      className="relative inline-block text-sm font-medium text-sky-500 group active:text-sky-300 focus:outline-none focus:ring">
                    <span
                        className="absolute inset-0 transition-transform translate-x-0.5 translate-y-0.5 text-black group-hover:text-blue-500 group-hover:translate-y-0 group-hover:translate-x-0"></span>
                    <span className="relative block px-8 py-3 bg-white-500 border border-current">
                        Go Home
                    </span>
                </Link>
            </button>
        </main>
    );
}
